<!-- Top Navbar-->
<div class="navbar">
    <div class="navbar-inner" style="background-color: #2e9db4;">
        <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
        <div class="left sliding">
            <a href="work-permit.html" class="back link icon-only">
                <!--<i class="icon icon-back"></i>-->
                <img src="imgs/nav_back_item.png" style="width: 30px; height: 30px;">
            </a>
        </div>
        <div id="navTitle" class="center sliding" style="color: white;">修改密码</div>
        <!--<div class="right">-->
            <!--<a id="update-pwd" href="#" class="link" style="color: white;">提交</a>-->
        <!--</div>-->
    </div>
</div>

<!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
<div class="pages navbar-through toolbar-through">
    <!-- Page, "data-page" contains page name -->
    <div data-page="password" class="page">
        <!-- Scrollable page content -->
        <div class="page-content" style="padding-top: 0px;">
            <div style="padding-top: 44px; background-color: white; margin-left: 12px; margin-right: 12px;">
                <div class="row" style="margin-top: 24px;">
                    <label class="col-25" for="oldpwd" style=" height: 35px; line-height: 35px; text-align: center;">旧密码</label>
                    <input id="oldpwd" type="password" class="col-75" style="font-size: 18px; height: 35px; border: 0px; padding: 0px; border-bottom: 1px solid #e8e8e9; margin-right: 10px;">
                </div>
                <div class="row" style="margin-top: 24px;">
                    <label class="col-25" for="oldpwd" style=" height: 35px; line-height: 35px; text-align: center;">新密码</label>
                    <input id="newpwd" type="password" class="col-75" style="font-size: 18px; height: 35px; border: 0px; padding: 0px; border-bottom: 1px solid #e8e8e9; margin-right: 10px;">
                </div>
                <div class="row" style="margin-top: 24px; padding-bottom: 10px;">
                    <label class="col-25" for="oldpwd" style="height: 35px; line-height: 35px; text-align: center;">确认密码</label>
                    <input id="confirmpwd" type="password" class="col-75" style="font-size: 18px; height: 35px; border: 0px; padding: 0px; border-bottom: 1px solid #e8e8e9; margin-right: 10px;">
                </div>
            </div>
            <div class="row">
                <a id="update-pwd" href="#" class="button col-50" style="height: 42px; line-height: 42px; background-clip: content-box; margin-left: 25%; margin-right: 25%; border: 0px; margin-top: 5px; border-radius: 5px; padding: 0px;">保存</a>
                <!--<a  id="updatepwd" href="#" class="button col-50" style="height: 42px; line-height: 42px; margin-left: 25%; margin-right: 25%; margin-top: 5px;">退出登录</a>-->
            </div>
        </div>
    </div>
</div>
